<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>注册登录</title>
		<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>	
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="css/Lo_enroll.css" />
		<!--Lo_enroll-->
	</head>
<body>
	<header>
		
		
		<p>登录</p>

	</header>
	<main>
		<section class="Lo_enroll_qie">
			<p class="artive kui">快捷登录</p>
			<p class="enroll_prower">密码登录</p>
		</section>
		<section class="Lo_enroll_inp">
			<article class="Lo_enroll_inpT">
					<input class="Lo_enroll_phone" type="text" placeholder="请输入手机号">
					<img class="eneroll_x" src="imgs/enroll_x.png">
			</article>
			<article class="Lo_enroll_inpD">
					<input class="Lo_enroll_xin enroll_huo" type="text" placeholder="请输入短信验证码">
					<input class="enroll_wang" type="text" placeholder="请输入您的密码">
					<p class="enroll_huo">获取验证码</p>
					<p class="enroll_wang kw">&nbsp忘记密码</p>
			</article>
		</section>

		<!-- 点击登陆跳转 -->
		<article class="enroll_to_Login">
				<p>登陆</p>
		</article>

		<!-- 跟随切换变化 -->
		<article class="enroll_text">
				<p>未注册手机验证后自动注册</p>
		</article>

		<article class="enroll_ig">
			<img src="imgs/enroll__03.png" alt="">
			<img src="imgs/enroll__05.png" alt="">
			<img src="imgs/enroll__07.png" alt="">
	
		</article>
		<article class="Down_p">
			<input class="check" type="checkbox" checked="true"> 我同意
			<span>《用户服务协议》</span>
		</article>
		

	</main>
	<script type="text/javascript" src='js/jquery.js'></script>
	<script type="text/javascript">
		
		//返回
		// $('.Lo_enroll_back').click(function(){
		// 	 history.back();
		// });

		//切换密码登录
		$(".Lo_enroll_qie p").click(function(){
			$(this).addClass('artive').siblings().removeClass('artive');

		});
		$('.kui').click(function(){
			$('.enroll_huo').show();
			$('.enroll_wang').hide();
		})
		$('.enroll_prower').click(function(){
			$('.enroll_wang').show();
			$('.enroll_huo').hide();
		})

		//忘记密码
		$('.kw').click(function(){
			  location.href = "Lo_set_password.html";
		});
		
		//手机号输入事件
		$('.Lo_enroll_phone').on('input',function(){
			$('.eneroll_x').show();
		})
		//图片显示隐藏
		$('.eneroll_x').click(function(){
			$('.Lo_enroll_phone').val('');
			$('.eneroll_x').hide();
		});

		// $('.enroll_ig img').click(function(){
		// 	alert('待完善~敬请期待');
		// })


		//获取验证码
		$('.enroll_huo').click(function(){
			var i = 60;
			
		 var time =	setInterval(function(){			
				i--;
				$('.enroll_huo').text(i + 'S');
				if( i === 0){
					clearInterval(time);
					return $('.enroll_huo').text('获取验证码');
				}
					
			},1000);
			
		});


		$('.enroll_to_Login').click(function(){
			var phone = $('.Lo_enroll_phone').val();
			var prow = $('.enroll_wang').val();


//			var	name = JSON.parse(localStorage.getItem('infos'));
//			xx= JSON.parse(name);
//			console.log(xx);
//			if (phone == xx[0].phone && prow == xx[1].prw){
//					alert('登陆成功');

			 location.href = "html/index.html";
//			}else{
//				alert('账户密码或错误');
//			}

		});
//			console.log(JSON.parse (JSON.parse(localStorage.getItem('infos'))) )
		// history.back();
	</script>
</body>
</html>

